<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="style/style.css">
	<link rel="stylesheet" href="style/font.css">
</head>
<body>
	<div class="top">
	  <div class="inside">
	  	<div class="lside"><a href="">小米网</a><span>|</span>
			<a href="">MIUI</a><span>|</span>
			<a href="">米聊</a><span>|</span>
			<a href="">游戏</a><span>|</span>
			<a href="">多看阅读</a><span>|</span>
			<a href="">云服务</a><span>|</span>
			<a href="">小米网移动版</a><span>|</span>
			<a href="">问题反馈</a><span>|</span>
			<a href="">Select Region</a></div>
	  	<div class="rside">
	  		<div class="info">
			<a>登录</a><span>|</span>
			<a>注册</a><span>
			</div>
			<div class="shop"><i class="iconfont">&#xe60c;</i>购物车（0）</div>
	  	</div>
	  </div>
	</div> <!-- 头部 -->



	<div class="certain">
		<div class="header">
			<div class="hand">
					<div class="ml">                                      <!-- 两张图片开始 -->
					<div class="backgroundml">    <!-- 背景精灵图片 -->
						<img src="image/logo.png" width="49px" height="49px">
					</div> 	
						<img src="image/ntv.gif" >  <!-- 动态gif -->
			        </div>  

			        <div class="gps">
					<a>小米手机</a>
					<a>红米</a>
					<a>平板</a>
					<a>电视</a>
					<a>盒子 · 影音</a>
					<a>路由器</a>
					<a>智能硬件</a>
					<a>服务</a>
					<a>社区</a>
			        </div>  

			        <div class="search">                                      <!-- 搜索引擎开始 -->
				      <input type="text" style=" width:250px; height:45px;" value="小米手机4c 平衡车">
				      <input class="buttom iconfont" type="submit" style="width:52px; height:50px;" value="&#xe616">
				    </div>    	     
			</div>	
		</div>




		<div class="heart">
			<div class="heart_n1">
				<ul class="img">
					<li><a href=""><img src="image/1.jpg" alt=""></a></li>
					<li><a href=""><img src="image/2.jpg" alt=""></a></li>
					<li><a href=""><img src="image/3.jpg" alt=""></a></li>
					<li><a href=""><img src="image/4.jpg" alt=""></a></li>
					<li><a href=""><img src="image/5.jpg" alt=""></a></li>
			    </ul> 
			    <div class="daohang">
			     <ul class="left">
					<li><a>手机 平板 电话卡<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>电视 盒子<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>路由器 智能硬件<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>移动电源 插线板<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>耳机 音箱<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>电池 存储卡<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>保护套 后盖<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>贴膜 其他配件<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>米兔 服装<span class='iconfont'>&#xe622;</span></a></li>
					<li><a>箱包 其他周边<span class='iconfont'>&#xe622;</span></a></li>
				</ul>
		      </div>
		</div>
		</div>
		<div class="help">
			<div class="fuwu">
			 <div class="fuwuqu">
			 	<a class='iconfont'>&#xe640;</a>
			 </div>
			 <div class="fuwuqu"><a i class="iconfont">&#xe63e;</a></div>
			 <div class="fuwuqu"><a i class="iconfont">&#xe63b;</a></div>
			 <div class="fuwuqu"><a i class="iconfont"></a></div>
			 <div class="fuwuqu"><a i class="iconfont">&#xe900;</a></div>
			 <div class="fuwuqu"><a i class="iconfont"></a></div>
			</div>
			<div class="help1"><img src="image/xiaomibox.jpg" width="316px" height="170px" alt=""></div>
			<div class="help1"><img src="image/xiaomipad.jpg" width="316px" height="170px" alt=""></div>
			<div class="help1"><img src="image/xiaomimusic.jpg" width="316px" height="170px" alt=""></div>
		</div>
		<div class="start">小米明星单品</div>
		<div class="phone">
			<div class="box1" ><img src="image/xiaomitv.jpg" width="175px" height="182px" alt="">
			<a href="">小米电视全系列</a>
			<p class="tiaojian">买就送爱奇艺会员卡</p>
			<p class="jiage">1799元起</p>
			</div>
			<div class="box2"><img src="image/xiaomibox3.jpg" width="175px" height="182px" alt="">
			<a href="">小米盒子3 增强版</a>
			<p class="tiaojian">高端 4K 网络机顶盒</p>
			<p class="jiage">399元</p>
			</div>
			<div class="box3"><img src="image/xiaomiwatc.jpg" width="175px" height="182px" alt="">
			<a href="">小米手环 光感版</a>
			<p class="tiaojian">心率、运动、睡眠全掌控</p>
			<p class="jiage">99元</p>
			</div>
			<div class="box4"><img src="image/listen.jpg" width="175px" height="182px" alt="">
			<a href="">小米盒子3 增强版</a>
			<p class="tiaojian">高端 4K 网络机顶盒</p>
			<p class="jiage">29元</p>
			</div>
			<div class="box5"><img src="image/xiaomichazuo.jpg" width="175px" height="182px" alt="">
			<a href="">小米活塞耳机 基础版</a>
			<p class="tiaojian">全金属音腔，5色可选</p>
			<p class="jiage">49元</p>
			</div>
		</div>
	</div>

























	<div class="main">
		<div class="zhineng">
			<p class="lside">智能硬件</p>
			<a>查看全部<i class="iconfont">&#xe622;</i></a>
		</div>
		<div class="yingjian">
			<div class="lside"><img src="image/zhineng.jpg" height="613px" width="234px" alt=""></div>
			<div class="rside">
				<div class="news">
				<img src="image/N1.jpg" alt="">
				<a href="">小米净水器 厨下式</a>
				<p class="tiaojian">RO反渗透直出纯净水，包邮包安装</p>
				<p class="jiage">1999元</p>
				</div>
				<div class="news">
					<img src="image/N2.jpg" width="160px" height="160px" alt="">
					<a href="">小米路由器3</a>
					<p class="tiaojian">更安全更稳定，现货发售</p>
					<p class="jiage">149元</p>
				</div>
				<div class="news">
					<img src="image/N3.jpg" width="160px" height="160px" alt="">
					<a href="">小米智能安防套装</a>
					<p class="tiaojian">智能警戒，为您的家增添一份安心</p>
					<p class="jiage">169元</p>
				</div>
				<div class="news">
					<img src="image/N4.jpg" width="160px" height="160px" alt="">
					<a href="">米兔儿童电话手表</a>
					<p class="tiaojian">安全防走丢，宝贝的贴身护卫</p>
					<p class="jiage">299元</p>
				</div>
				<div class="news">
					<img src="image/N5.jpg" width="160px" height="160px" alt="">
					<a href="">九号平衡车</a>
					<p class="tiaojian">年轻人的酷玩具，骑行遥控两种玩法</p>
					<p class="jiage">1999元</p>
				</div>
				<div class="news">
					<img src="image/N6.jpg" width="160px" height="160px" alt="">
					<a href="">小蚁运动相机</a>
					<p class="tiaojian">边玩边录边拍，手机随时分享</p>
					<p class="jiage">399元</p>
				</div>
				<div class="news">
					<img src="image/N7.jpg" width="160px" height="160px" alt="">
					<a href="">小蚁智能摄像机 夜视版</a>
					<p class="tiaojian">能看能听能说，手机远程观看</p>
					<p class="jiage">149元</p>
				</div>
				<div class="news">
					<img src="image/N8.jpg" width="160px" height="160px" alt="">
					<a href="">米家iHealth血压计</a>
					<p class="tiaojian">爸妈上手就会用的智能血压计</p>
					<p class="jiage">399元</p>
				</div>
			</div>
		</div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>






















































	<div class="footer"></div>
</body>
</html>